﻿
#pofileInfo { padding:10px;}
#pofileInfo ul { padding-top:10px; padding-left:10px; font-weight:bold;}
#pofileInfo li { display:list-item;}
.userPic { width:160px; overflow:hidden;}
#userName { padding:20px 10px 30px 10px;}
#userName h1 { font-size:20px; display:inline; padding-right:20px;}
#userName span { padding-right:10px;}

/* */
#leftbox {}
#rightbox { float:right; width:220px;}
#boxwide { padding:10px;}

/* */
#trend { padding:10px;}
#trend h1 { padding-bottom:10px; padding-top:10px;}
.trendItem { padding:5px 0px; border-bottom:1px dotted #b9eecc;}
.trendItem P { padding-top:5px;}
.closeB a { background:url(../../images/butn_closeb.jpg) no-repeat; float:right; height:13px; width:13px;}
.closeB a:hover { background:url(../../images/butn_closehoverb.jpg) no-repeat;}

/* */
.controlTitle { padding:5px; background:#f1fcf4; text-align:right; color:#e6e6e6; font-weight:bold;}
.addNew { background:url(../../images/add.gif) left no-repeat; padding-left:20px;}
.navigationTitle { border-bottom:1px dotted #b9eecc; padding:5px 2px; margin:10px;}

/* personal Infonation */
.infoEdit { padding:10px; font-weight:normal;}
.infoItems { margin:10px;}

/* */
#sharePofile { padding:10px;}
#sharePofile h1 { padding-bottom:10px;}
#sharePofile h1 span { font-size:12px; float:right; font-weight:normal;}
#sharePofile li { background:url(../../images/ico_focus.jpg) left top no-repeat; padding-left:18px; padding-bottom:5px; display:list-item;}
#sharePofile li span { padding-left:5px; color:#999999;}

/* */
#friendsLocate { padding:10px;}
#friendsLocate h1 { padding-bottom:10px;}
#friendsLocate li { display:inline; padding-right:5px;}

/* */
#myalbum { padding:10px;}
.loadPicBox { padding:30px 0px 10px 0px;}
.loadPic { float:left; width:100px; overflow:hidden;}
.loadPicItem { padding:0px 10px; float:right; width:400px;}
.loadPicItem h2 { font-weight:normal; padding-top:5px;}
.loadPicItem li { padding:5px; display:inline;}
#myalbum span { float:right;}
.albumBox { width:124px; padding:10px; background:#f1fcf4; border:1px solid #b9eecc; overflow:hidden; float:left; margin-right:20px; margin-bottom:10px;}
.albumAll { padding:10px;}
.bigPic { overflow:hidden; width:580px;}
.bigPic h3 { padding:10px 0px; font-size:12px; font-weight:normal;}
.bigPic img { vertical-align:middle; overflow:hidden;}
.bigPic P { padding-top:5px;}

/* homepage album */
.ablumBoxHome { border-bottom:1px dotted #b9eecc; padding:5px 0px; margin:10px;}
.ablumBoxHome P { padding:10px 0px; color:#808080;}
.ablumBoxHome img { width:100px; margin:5px; vertical-align:top;}

/* home blog*/
.blogBoxHome { border-bottom:1px dotted #b9eecc; padding:5px 0px; margin:10px;}
.blogBoxHome P { color:#808080;}

/* my Blog */
.pageInfo { padding:10px 0px 30px 0px;}
.BlogBox { margin:10px 0px;}
.BlogBox li { display:inline;} 
.BlogBox h2 { padding:5px 0px;}
.BlogTitle { background:#ebf9ee; padding:5px;}
.BlogTitle span { float:right;}
.BlogPreview { padding:10px;}
.BlogFooter { padding:10px; border-bottom:1px dotted #b9eecc; text-align:right;}
.TextTitle { width:530px;}

/* my trip */
.tripSearch { padding:20px; text-align:center; margin-bottom:10px;}
.tripSearch input { vertical-align:middle;}
.tripMap { padding-bottom:20px;}
.tripMap img { width:550px; overflow:hidden;}
.tripPlaceBox { padding:10px 0px;}
.PlacePic { width:80px; height:80px; overflow:hidden; float:left;}
.PlaceItemInfo { float:right; width:480px;  border-bottom:1px dotted #b9eecc; padding:5px;}
.PlaceItemInfo img { vertical-align:middle;}
.PlaceItemInfo h1 { color:#b1b1b1; padding-bottom:10px;}
.PlaceItemInfo h2 { color:#bbbbbb; padding-bottom:5px;}
.PlaceItemInfo h2 span { float:right; font-weight:normal;}

/* my Event */
.eventContBox { padding:10px 0px;}
.eventPicBig { width:90px; max-height:90px; float:left; overflow:hidden;}
.eventbodyProfil { float:right; width:460px; padding-bottom:10px; border-bottom:1px dotted #b9eecc;}
.eventbodyProfil h2 { padding-bottom:5px;}
.eventbodyProfil table { width:100%;}